@{ ViewBag.Title = "javascript事件与功能说明";
    ViewBag.keywords = "HTTP请求,HTTP请求头";
    ViewBag.description = "HTTP请求头在编写采集器、模拟登录、远程获取内容等是必须要考虑的内容";
   
}
    <div class="layui-row">
        <div class="layui-elem-quote">
            <p>该表总结分析了javascript常用的各种事件，包括鼠标事件、加载事件、滚动事件、表单事件、编辑事件、数据绑定事件等。详细列举了事件名及其对应的浏览器支持情况与功能说明。提供给需要的朋友参考使用。</p>
        </div>
    </div>
    <div class="layui-row">
        <h2>javascript事件列表解说</h2>

        <h3>一般事件 <small>共计10种</small></h3>
        <table class="layui-table">
            <thead>
                <tr>
                    <th ><span>事件</span></th>
                    <th  ><span>浏览器支持</span></th>
                    <th ><span>解说</span></th>
                </tr>
            </thead>
            <tr>
                <td><span>onclick</span></td>
                <td ><span>IE3、N2</span></td>
                <td><span>鼠标点击时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>ondblclick</span></td>
                <td ><span>IE4、N4</span></td>
                <td><span>鼠标双击时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onmousedown</span></td>
                <td ><span>IE4、N4</span></td>
                <td><span>按下鼠标时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onmouseup</span></td>
                <td ><span>IE4、N4</span></td>
                <td><span>鼠标按下后松开鼠标时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onmouseover</span></td>
                <td ><span>IE3、N2</span></td>
                <td><span>当鼠标移动到某对象范围的上方时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onmousemove</span></td>
                <td ><span>IE4、N4</span></td>
                <td><span>鼠标移动时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onmouseout</span></td>
                <td ><span>IE4、N3</span></td>
                <td><span>当鼠标离开某对象范围时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onkeypress</span></td>
                <td ><span>IE4、N4</span></td>
                <td><span>当键盘上的某个键被按下并且释放时触发此事件.</span></td>
            </tr>
            <tr>
                <td><span>onkeydown</span></td>
                <td ><span>IE4、N4</span></td>
                <td><span>当键盘上某个按键被按下时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onkeyup</span></td>
                <td ><span>IE4、N4</span></td>
                <td><span>当键盘上某个按键被按放开时触发此事件</span></td>
            </tr>
        </table>

        <h3>页面相关事件 <small>共计9种</small></h3>
        <table class="layui-table">
            <thead>
                <tr>
                    <th ><span>事件</span></th>
                    <th  ><span>浏览器支持</span></th>
                    <th ><span>解说</span></th>
                </tr>
            </thead>
            <tr>
                <td><span>onabort</span></td>
                <td ><span>IE4、N3</span></td>
                <td><span>图片在下载时被用户中断</span></td>
            </tr>
            <tr>
                <td><span>onbeforeunload</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当前页面的内容将要被改变时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onerror</span></td>
                <td ><span>IE4、N3</span></td>
                <td><span>出现错误时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onload</span></td>
                <td ><span>IE3、N2</span></td>
                <td><span>页面内容完成时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onmove</span></td>
                <td ><span>IE、N4</span></td>
                <td><span>浏览器的窗口被移动时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onresize</span></td>
                <td ><span>IE4、N4</span></td>
                <td><span>当浏览器的窗口大小被改变时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onscroll</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>浏览器的滚动条位置发生变化时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onstop</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>浏览器的停止按钮被按下时触发此事件或者正在下载的文件被中断</span></td>
            </tr>
            <tr>
                <td><span>onunload</span></td>
                <td ><span>IE3、N2</span></td>
                <td><span>当前页面将被改变时触发此事件</span></td>
            </tr>
        </table>

        <h3>表单相关事件 <small>共计5种</small></h3>
        <table class="layui-table">
            <thead>
                <tr>
                    <th ><span>事件</span></th>
                    <th  ><span>浏览器支持</span></th>
                    <th ><span>解说</span></th>
                </tr>
            </thead>
            <tr>
                <td><span>onblur</span></td>
                <td ><span>IE3、N2</span></td>
                <td><span>当前元素失去焦点时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onchange</span></td>
                <td ><span>IE3、N2</span></td>
                <td><span>当前元素失去焦点并且元素的内容发生改变而触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onfocus</span></td>
                <td ><span>IE3 、N2</span></td>
                <td><span>当某个元素获得焦点时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onreset</span></td>
                <td ><span>IE4 、N3</span></td>
                <td><span>当表单中RESET的属性被激发时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onsubmit</span></td>
                <td ><span>IE3 、N2</span></td>
                <td><span>一个表单被递交时触发此事件</span></td>
            </tr>
        </table>

        <h3>滚动字幕事件 <small>共计3种</small></h3>
        <table class="layui-table">
            <thead>
                <tr>
                    <th ><span>事件</span></th>
                    <th  ><span>浏览器支持</span></th>
                    <th ><span>解说</span></th>
                </tr>
            </thead>
            <tr>
                <td><span>onbounce</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>在Marquee内的内容移动至Marquee显示范围之外时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onfinish</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当Marquee元素完成需要显示的内容后触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onstart</span></td>
                <td ><span>IE4、 N</span></td>
                <td><span>当Marquee元素开始显示内容时触发此事件</span></td>
            </tr>
        </table>

        <h3>编辑事件 <small>共计20种</small></h3>
        <table class="layui-table">
            <thead>
                <tr>
                    <th ><span>事件</span></th>
                    <th  ><span>浏览器支持</span></th>
                    <th ><span>解说</span></th>
                </tr>
            </thead>
            <tr>
                <td><span>onbeforecopy</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onbeforecut</span></td>
                <td ><span>IE5、 N</span></td>
                <td><span>当页面中的一部分或者全部的内容将被移离当前页面[剪贴]并移动到浏览者的系统剪贴板时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onbeforeeditfocus</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当前元素将要进入编辑状态</span></td>
            </tr>
            <tr>
                <td><span>onbeforepaste</span></td>
                <td ><span>IE5、 N</span></td>
                <td><span>内容将要从浏览者的系统剪贴板传送[粘贴]到页面中时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onbeforeupdate</span></td>
                <td ><span>IE5、 N</span></td>
                <td><span>当浏览者粘贴系统剪贴板中的内容时通知目标对象</span></td>
            </tr>
            <tr>
                <td><span>oncontextmenu</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当浏览者按下鼠标右键出现菜单时或者通过键盘的按键触发页面菜单时触发的事件</span></td>
            </tr>
            <tr>
                <td><span>oncopy</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当页面当前的被选择内容被复制后触发此事件</span></td>
            </tr>
            <tr>
                <td><span>oncut</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当页面当前的被选择内容被剪切时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>ondrag</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当某个对象被拖动时触发此事件 [活动事件]</span></td>
            </tr>
            <tr>
                <td><span>ondragdrop</span></td>
                <td ><span>IE、N4</span></td>
                <td><span>一个外部对象被鼠标拖进当前窗口或者帧</span></td>
            </tr>
            <tr>
                <td><span>ondragend</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当鼠标拖动结束时触发此事件，即鼠标的按钮被释放了</span></td>
            </tr>
            <tr>
                <td><span>ondragenter</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当对象被鼠标拖动的对象进入其容器范围内时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>ondragleave</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当对象被鼠标拖动的对象离开其容器范围内时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>ondragover</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当某被拖动的对象在另一对象容器范围内拖动时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>ondragstart</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当某对象将被拖动时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>ondrop</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>在一个拖动过程中，释放鼠标键时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onlosecapture</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当元素失去鼠标移动所形成的选择焦点时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onpaste</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当内容被粘贴时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onselect</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当文本内容被选择时的事件</span></td>
            </tr>
            <tr>
                <td><span>onselectstart</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当文本内容选择将开始发生时触发的事件</span></td>
            </tr>
        </table>
        <h3>数据绑定 <small>共计10种</small></h3>
        <table class="layui-table">
            <thead>
                <tr>
                    <th ><span>事件</span></th>
                    <th  ><span>浏览器支持</span></th>
                    <th ><span>解说</span></th>
                </tr>
            </thead>
            <tr>
                <td><span>onafterupdate</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当数据完成由数据源到对象的传送时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>oncellchange</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当数据来源发生变化时</span></td>
            </tr>
            <tr>
                <td><span>ondataavailable</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当数据接收完成时触发事件</span></td>
            </tr>
            <tr>
                <td><span>ondatasetchanged</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>数据在数据源发生变化时触发的事件</span></td>
            </tr>
            <tr>
                <td><span>ondatasetcomplete</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当来子数据源的全部有效数据读取完毕时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onerrorupdate</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当使用onBeforeUpdate事件触发取消了数据传送时，代替onAfterUpdate事件</span></td>
            </tr>
            <tr>
                <td><span>onrowenter</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当前数据源的数据发生变化并且有新的有效数据时触发的事件</span></td>
            </tr>
            <tr>
                <td><span>onrowexit</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当前数据源的数据将要发生变化时触发的事件</span></td>
            </tr>
            <tr>
                <td><span>onrowsdelete</span></td>

                <td ><span>IE5、N</span></td>
                <td><span>当前数据记录将被删除时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onrowsinserted</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当前数据源将要插入新数据记录时触发此事件</span></td>
            </tr>
        </table>
        <h3>外部事件 <small>共计6种</small></h3>
        <table class="layui-table">
            <thead>
                <tr>
                    <th ><span>事件</span></th>
                    <th><span>浏览器支持</span></th>
                    <th ><span>解说</span></th>
                </tr>
            </thead>
            <tr>
                <td><span>onafterprint</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当文档被打印后触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onbeforeprint</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当文档即将打印时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onfilterchange</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当某个对象的滤镜效果发生变化时触发的事件</span></td>
            </tr>
            <tr>
                <td><span>onhelp</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当浏览者按下F1或者浏览器的帮助选择时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onpropertychange</span></td>
                <td ><span>IE5、N</span></td>
                <td><span>当对象的属性之一发生变化时触发此事件</span></td>
            </tr>
            <tr>
                <td><span>onreadystatechange</span></td>
                <td ><span>IE4、N</span></td>
                <td><span>当对象的初始化属性值发生变化时触发此事件</span></td>
            </tr>

        </table>
    </div>